<!--
 * @Author: MrLee
 * @Date: 2024-09-04 13:06:44
 * @LastEditors: MrLee
 * @LastEditTime: 2024-09-13 23:06:04
 * @Description: 请填写简介
-->
<template>
  <view :class="classf">
    <view :class="classc">
      <up-navbar
        style="width: 100vw"
        left-icon=""
        bg-color="#fff"
        placeholder
        :fixed="false"
        :safeAreaInsetTop="false"
      >
        <template #center>
          <view class="flex w-100% items-center">
            <view class="mr-22rpx"   v-if="icoFlag"><up-image width="66rpx" height="66rpx" shape="circle" /></view>
            <view class="search-input">
              <up-input
                :custom-style="inputCustomStyle"
                shape="circle"
                :placeholder="placeholder"
                :prefix-icon="search"
                border="none"
                font-size="24rpx"
                clearable
              >
                <template #suffix>
                  <up-button  :custom-style="btnCustomStyle" shape="circle">
                    <text class="text-24rpx"> 搜索 </text>
                  </up-button>
                </template>
              </up-input>
            </view>
          </view>
        </template>
      </up-navbar>
    </view>
  </view>
</template>

  <script setup lang="ts">
// import search from "@/static/images/tab/home-03.png";
const search = 'https://yiliao.test03.qcw800.com/static/images/tab/home-03.png'
// import { usePageRouter } from "@/hooks";
defineProps({
  classf: {
    type: String,
    default: "",
  },
  classc: {
    type: String,
    default: "",
  },
  icoFlag:{
    type:Boolean,
    default:false
  },
  placeholder:{
    type:String,
    default:"搜职位/公司"
  }
});
const inputCustomStyle = {
  background: "#f6f6f6",
  color: "#4e5969",
  width: "auto",
  height: "100%",
  fontSize: "24rpx",
  padding: "6rpx",
  paddingLeft: "20rpx",
};
const btnCustomStyle = {
  background: "#fff",
  color: "#4e5969",
  width: "108rpx",
  height: "54rpx",
  fontSize: "24rpx",
  marginRight: 0,
  padding: "6rpx",
  border: "none",
};

// const pageRouter = usePageRouter();
// const back = () => {
//   pageRouter.back();
// };
</script>

  <style scoped lang="scss">
.search-input {
  width: 100%;
  height: 66rpx;
}
</style>
